body{margin:0;user-select:none;width:1920px;height:1080px;overflow:hidden;transform-origin:left top;position:absolute}#background{display:flex;width:100%;height:100%;flex-direction:column;background-size:100% 100%}.logo-home{position:absolute;width:302px;height:70px;top:5%;right:3%}#home{display:flex;height:100%;flex-direction:column;margin:8% 0 0 -5%;align-items:center;justify-content:flex-start}.title-img{width:609px;height:168px}.title-mascot{position:absolute;width:579px;height:723px;bottom:0;right:13%}#menu-bar{width:min-content;height:300px;flex-direction:column;justify-content:space-around;margin:4% 0 0 -5%}#menu-bar,.menu-button{display:flex;align-items:center}.menu-button{width:350px;height:100px;border-radius:60px;font-size:64px;font-weight:600;background-color:#fdd300;font-family:sans-serif;border:5px solid #fff;justify-content:center}.button{border-radius:20px;border:2px solid #000;padding:10px 20px}#button-home{width:100px;object-fit:contain;position:fixed;left:3%;bottom:2%}#explain{width:100%;height:100%;align-items:center}#explain,#explain-area{display:flex;flex-direction:column;justify-content:flex-start}#explain-area{position:relative;height:55%;width:68%;align-items:flex-start;font-size:48px;font-family:sans-serif;background-size:100% 100%;background-repeat:no-repeat;margin-top:9%;padding:50px 20px 50px 50px}.explain-position{position:absolute;top:0;left:37%;transform:translateY(-50%)}.explain-title{font-size:54px;font-weight:600;margin:0;text-decoration:underline #ea6000;text-underline-offset:10px}.explain-button{display:flex;height:min-content;width:min-content;align-self:center}#game{height:100%;flex-direction:column}#game,.game-title{display:flex;width:100%}.game-title{height:70%;align-items:center;justify-content:center}#game-bar{height:80%;gap:60px}#game-bar,.music-select{display:flex;justify-content:center;align-items:center}.music-select{width:272px;height:240px;border-radius:20px;border:5px solid #006934;padding:10px 20px;background-color:#fff;font-size:64px;color:#ea6000;font-weight:600;box-shadow:10px 15px #006934;text-align:center;line-height:1}#play{position:relative;display:flex;width:100%;height:100%;background-color:#789;align-items:center;justify-content:center;background-size:100% 100%}.play-logo{position:fixed;right:3%;top:3%}.play-title{position:fixed;top:2%;left:29%}.play-pic{bottom:0;transform:scaleY(.88);transform-origin:left bottom}.play-miss,.play-pic{position:fixed;left:1%}.play-miss{top:1%}.fade-out{animation:moveUpFadeOut 1s ease-in forwards}@keyframes moveUpFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20%)}}.play-countdown{position:absolute;z-index:50}#game-canvas{position:fixed;top:21.3%}.button-bar{position:absolute;display:flex;font-size:64px;gap:20px;right:5%;bottom:2%;font-weight:600}.game-button{background-color:#efe93b;padding:10px 40px}.sheet{transform-origin:left top}#dialog{position:relative;display:flex;z-index:100}#dialog,.gif{width:100%;height:100%}.gif{position:absolute}#fail-animation,#success-animation{display:flex;width:100%;height:100%}.animation-button-bar{display:flex;position:absolute;flex-direction:column;top:70%;left:50%;transform:translate(-50%,-50%);font-size:64px;font-weight:600;align-items:center;gap:20px}.animation-button{padding:10px 40px;background-color:#efe93b}